@charset "utf-8";
@import './helper/_reset.scss';
@import './helper/_util.scss';
@import './helper/_variables.scss';

body{
  background: #f3f3f3;
}
.question {
  background:#fff;
  width: rem(750);
  padding: 0 rem(30);
  margin: rem(20) auto 0;
  ul {
    li {
      position: relative;
      .question-tit {
        font-size: rem(26);
        color: #444;
        text-align: left;
        padding: rem(30) rem(10) rem(30) 0;
        line-height: rem(40);
        position: relative;
        span {
          color: #15dfff;
        }
        .icon-triagle-r {
          @include wh(10,18);
          @include bg('../images/icon-triagle-r.png');
          position: absolute;
          right: 0;
          top: rem(45);
          -webkit-transform: rotateZ(0);
        }
      }

      .question-txt {
        display: none;
        line-height: rem(45);
        padding: 0 0 rem(30);
        font-size: rem(26);
        margin-top: rem(-10);
        color: #848484;
        text-align: justify;
      }
      &:after {
        @include border(bottom, #F3F3F3);
      }

      &.active {
        .icon-triagle-r {
          -webkit-transform: rotateZ(90deg);
        }
        .question-txt {
          display: block !important;
        }
      }
    }
  }
}